.el-input__prefix {
  --at-apply: theme-color-primary;
}

.el-picker-panel {
  .el-date-picker__time-header {
    --at-apply: theme-bgc-contentBgcColor;
  }

  .el-date-picker__header,
  .el-date-range-picker__header {
    --at-apply: lgt-dark10-light20;
    margin: 0;
    padding: 5px 10px;
    > div,
    .el-date-picker__header-label {
      // color: #fff;
      --at-apply: theme-color-hasBgcfontColor;
      font-weight: bold;
      margin-top: 4px;
      padding: 0;
    }
    .el-picker-panel__icon-btn {
      font-size: 20px;
      margin-top: 0px;
      --at-apply: theme-color-hasBgcfontColor;
    }
  }
  .el-picker-panel__content {
    --at-apply: theme-bgc-contentBgcColor;
    margin: 0;
    width: 100% !important;
  }
  .el-year-table,
  .el-month-table,
  .el-date-table {
    font-size: 14px;
    th {
      padding-bottom: 12px;
    }
    td {
      &.current {
        &:not(.disabled) {
          span {
            // background-color: #ffc600;
            --at-apply: theme-color-hasBgcfontColor;
          }
        }
      }
      &.available {
        &:hover {
          --at-apply: theme-color-hoverColor;
        }
        &.in-range .el-date-table-cell {
          color: $base-color;
          font-weight: bold;
        }
        &.start-date .el-date-table-cell__text,
        &.end-date .el-date-table-cell__text {
          background-color: #ffc600;
        }
      }
      &.today {
        span {
          color: $base-color;
        }
      }
    }
  }
  .el-date-table {
    td {
      padding: 0;
      height: 24px;
      width: 20px;
      span {
        height: 24px;
        width: 24px;
        line-height: 24px;
      }
    }
  }
}
.el-time-panel__btn,
.el-picker-panel__link-btn {
  --at-apply: theme-color-fontColor;
}
.el-picker-panel__link-btn {
  --at-apply: theme-bgc-contentBgcColor;
}

/* 时间 */
.el-time-spinner__item.is-active:not(.is-disabled),
.el-time-spinner__item:hover {
  --at-apply: theme-color-hoverColor;
}
.el-time-panel__content {
  --at-apply: theme-bgc-contentBgcColor;
}
.el-time-panel__footer,
.el-picker-panel__footer {
  --at-apply: theme-bgc-contentBgcColor;
}
.el-time-panel__btn.confirm {
  font-weight: normal !important;
}
/* 日期范围 */
.el-date-editor {
  .el-range__icon {
    color: $base-color;
    font-size: 20px;
    margin-right: 5px;
  }
  // .el-range__close-icon {
  //   display: none;
  // }
  // .el-input__prefix {
  //   display: none;
  // }
  // .el-input__inner {
  //   text-align: center;
  // }
  .el-input__icon {
    margin-right: 0 !important;
  }
}
